<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			@-webkit-keyframes fly{
				from{
					transform: translateX(0)rotate(0deg);
				 }
				to{
					transform: translateX(300px) rotate(1800deg);
				 }
				}
				img{
					animation-name:fly ;
					animation-duration: 0.5s;/*执行时间*/
					animation-iteration-count: infinite;/*执行次数是无限次*/
					animation-timing-function:ease-in-out ;/*先慢后快*/
					animation-direction: alternate;/*轮流反向播放，none/alternate*/
				}
		</style>
	</head>
	<body>
		<img src="../src/weapon.png" width="50px" >
	</body>
</html>
